@primaryColor: #0087F0;
@borderColor: rgb(26, 33, 45);
@placeholderColor: #616B76;

.content-title {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;


}

.content-title /deep/ .ivu-table-cell {
  font-size: 20px;
}

.content-search {
  margin-bottom: 8px;
  display: flex;
  justify-content: space-between;
}

.search-select {
  // flex: 1;
  display: flex;
  justify-content: flex-start;

  /deep/ .ivu-input {
    max-width: 200px;

    background: transparent;
    border-color: @borderColor;
    color: #fff;
  }

  /deep/ .ivu-input-placeholder {
    color: @placeholderColor;
  }

  /deep/.ivu-input-wrapper {
    margin-right: 8px;
  }
}

/deep/.ivu-select {
  max-width: 200px;
  margin-right: 8px;

  .ivu-select-selection {
    background: transparent;
    border-color: @borderColor;
  }

  .ivu-select-placeholder {
    color: @placeholderColor;
  }

  .ivu-icon {
    color: @placeholderColor;
  }

  .ivu-select-selected-value {
    color: #fff;
  }
}

.search-btn {
  margin-left: 8px;
}

.ivu-btn+.ivu-btn {
  margin-left: 8px;
}

.content-table {
  margin-top: 20px;
  .ivu-table-wrapper {
    border-color: @borderColor;
  }

  /deep/.ivu-table {
    background: transparent;
    .ivu-checkbox-inner {
        background-color: transparent;
        border: 1px solid #ffffff;
        border-radius: 0;
    }
    .ivu-table-body{
        height: 48vh !important;
        overflow-y: scroll;
        overflow-x:hidden;
    }
    .action {
        display: flex;
        justify-content: space-around;
        color: #0087f0;
        p {
            line-height: 1;
            border-bottom: 1px solid #0087f0;
            cursor: pointer;
        }
    }
    .ivu-checkbox-checked {
        .ivu-checkbox-inner {
            background-color: #2d8cf0;
            border: 1px solid #2d8cf0;
            border-radius: 0;
        }
    }
    &:after,
    &:before {
        background-color: #0c1b39;
    }
    tr,
    th,
    td {
        background: transparent;
        border-color: #0c1b39;
        // border-right:2px;
    }
    th,
    td {
        height: 60px;
    }
    .ivu-table-cell {
        color: #fff;
        font-size: 16px;
        // font-size: 0.2rem;
    }
  }

  /deep/.ivu-table-border th,
  /deep/.ivu-table-border td {
    border-color: @borderColor;
  }

  /deep/th,
  /deep/td {
    color: #fff;
    background: transparent;
  }

  /deep/.table-button-wrap {
    color: @primaryColor;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;

    .table-btn {
      cursor: pointer;
      text-decoration: underline;
    }

    .table-btn+.table-btn {
      margin-left: 8px;
    }
  }
}

/deep/.content-page {
  margin-top: 20px;
  display: flex;
  justify-content: space-between;

  .ivu-page-item,
  .ivu-page-prev,
  .ivu-page-next,
  .ivu-page-disabled,
  .ivu-page-options-elevator input {
    background-color: transparent;
  }

  .ivu-page-item-active {
    background-color: @primaryColor;

    a {
      color: #fff;
    }
  }

  .ivu-page-item-jump-next:hover,
  .ivu-page-item:hover,
  .ivu-page-prev:hover,
  .ivu-page-next:hover {
    background-color: @primaryColor;
    color: #fff;

    a {
      color: #fff;
    }
  }

  .ivu-page-item,
  .ivu-page-prev,
  .ivu-page-next,
  .ivu-page-item-jump-prev,
  .ivu-page-item-jump-next,
  .ivu-page-options-elevator,
  .ivu-page-options-elevator input {
    border-color: @borderColor;
    color: #fff;

    a {
      color: #fff;
    }
  }
}

.content-table {
  /deep/.ivu-table-body::-webkit-scrollbar {
    /*滚动条整体样式*/
    width: 10px;
    /*高宽分别对应横竖滚动条的尺寸*/
    height: 1px;
  }

  /deep/.ivu-table-body::-webkit-scrollbar-thumb {
    /*滚动条里面小方块*/
    border-radius: 10px;
    box-shadow: inset 0 0 5px #0C1B39;
    background: #0C1B39;
  }

  /deep/.ivu-table-body::-webkit-scrollbar-track {
    /*滚动条里面轨道*/
    box-shadow: inset 0 0 5px #0C1B39;
    border-radius: 2px;
    background: #0E1420;
  }
}
.search-icon {
  flex-shrink: 0;
  width: 22px;
  height: 22px;
  background: url("../../../assets/images/classify.png") no-repeat center/100% 100%;
  cursor: pointer;
  margin-top: 3px;
}
